<script>
    $(document).ready(function() {
        $('.details-tabs:not(:first)').hide();
        $('.tab-navi:first').addClass('active-tabs');
        $('.tab-navi').click(function() {
            $('.tab-navi').removeClass('active-tabs');
            $(this).addClass('active-tabs');
            $('.details-tabs').hide();
            var tabSactive = $(this).find('span').attr('class');
            $(tabSactive).show();
            return false;
        });
    });
</script>
<div class="module-tab tab-body">
    <div class="tab-inner">
        <div class="tab tab-navi ">
            <span class="#details">Giao diện website</span>
        </div>
        <div class="tab tab-navi">
            <span class="#kehoach">Hoàn thành</span>
        </div>
    </div>
</div>
<div class="body-main-content body-content">
    <div id="details" class="tab-list-product details-tabs clearfix">
        <ul class="clearfix">
            <?php
            if (!empty($selectProduct)) {
                foreach ($selectProduct as $sp) {
                    ?>
                    <li class="fancybox-li">
                        <img class="fancybox-product" alt="" src="<?php echo $sp->image; ?>"/>
                        <div class="fancybox-detail">
                            <a class="link-fancy-a" href="<?php echo base_url() . $dataAliastt[$sp->id]->alias . '.html'; ?>" title=""></a>
                            <!--a class="link-fancy-demo" target="_seft" href="<-?php echo base_url() . 'demo/' . $dataAliastt[$sp->id]->alias . '.html'; ?>" title=""></a-->
                        </div>
                        <div class="fancybox-opacity"></div>
                        <div class="product-description">
                            <a href="<?php echo base_url() . $dataAliastt[$sp->id]->alias . '.html'; ?>" class="button"><?php echo $sp->title; ?></a>
                        </div>
                    </li>
                <?php }
            }
            ?>

        </ul>
        <div class="page-rows"> <?php echo $this->pagination->create_links(); ?></div>
    </div>
    <div id="kehoach" class="tab-detail-function details-tabs clearfix">
         <?php if (!empty($selectProductSuccess)) {?>
        <ul class="clearfix">
            <?php foreach ($selectProductSuccess as $sp) {
                    ?>
                    <li class="fancybox-li">
                        <img class="fancybox-product" alt="" src="<?php echo $sp->image; ?>"/>
                        <div class="fancybox-detail">
                            <a class="link-fancy-a" href="<?php echo base_url() . $dataAliastt[$sp->id]->alias . '.html'; ?>" title=""></a>
                            <a class="link-fancy-demo" target="_seft" href="<?php echo base_url() . 'demo/' . $dataAliastt[$sp->id]->alias . '.html'; ?>" title=""></a>
                        </div>
                        <div class="fancybox-opacity"></div>
                        <div class="product-description">
                            <a href="<?php echo base_url() . $dataAliastt[$sp->id]->alias . '.html'; ?>" class="button"><?php echo $sp->title; ?></a>
                        </div>
                    </li>
                <?php }?>
        </ul>
         <?php }?>
    </div>
</div>
